<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="less">
// @media screen and (max-width: 560px) {}
@keyframes bounce {
  0% { opacity: 0; transform: scale(1) }
  60% { opacity: 1; transform: scale(1.02) }
  100% { transform: scale(1) }
}
@-webkit-keyframes bounce {
  0% { opacity: 0; -webkit-transform: scale(1) }
  60% { opacity: 1; -webkit-transform: scale(1.02) }
  100% { -webkit-transform: scale(1) }
}
@-moz-keyframes bounce {
  0% { opacity: 0; -moz-transform: scale(1) }
  60% { opacity: 1; -moz-transform: scale(1.02) }
  100% { -moz-transform: scale(1) }
}
@-o-keyframes bounce {
  0% { opacity: 0; -o-transform: scale(1) }
  60% { opacity: 1; -o-transform: scale(1.02) }
  100% { -o-transform: scale(1) }
}

/* For Placeholder Style */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bcbcbc; } /* WebKit browsers */
input::-moz-placeholder, textarea::-moz-placeholder { color: #bcbcbc; } /* Mozilla Firefox 19+ */
input:-moz-placeholder, textarea:-moz-placeholder { color: #bcbcbc; } /* Mozilla Firefox 4 to 18 */
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bcbcbc; } /* Internet Explorer 10+ */

/* For Chrome Scrollbar Style */
/* 滚动条默认显示样式 edcc9c*/ 
::-webkit-scrollbar-thumb{background-color: #666; outline: 0; border: 1px solid #999; -webkit-border-radius: 1px; /*圆角*/ }
/* 鼠标点击滚动条显示样式 */
::-webkit-scrollbar-thumb:hover { background-color: #999; height: 3px; -webkit-border-radius: 1px; }
/* 滚动条大小 */  
::-webkit-scrollbar {  width: 3px; /* 纵向宽度 */ height: 5px; /* 横向高度 */ }
/* 滚动框背景样式 */  
::-webkit-scrollbar-track-piece {  background-color: #eee;  -webkit-border-radius: 1px; }

html,body{
  height: 100%;
  width: 100%;
  margin: 0;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
   height: 100%;
  width: 100%;
}

</style>
